<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<link rel="stylesheet" href="css/iconfont.css">-->
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/box-shadow.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<!--头部开始-->
<div class="header">
    <div class="topbar">
        <div class="container clearfix">
            <div class="topbar-left">
                <a href="">商城</a><span>|</span>
                <a href="">MIUI</a><span>|</span>
                <a href="">米聊</a><span>|</span>
                <a href="">游戏</a><span>|</span>
                <a href="">多看阅读</a><span>|</span>
                <a href="">云服务</a><span>|</span>
                <a href="">金融</a><span>|</span>
                <a href="">小米网移动版</a><span>|</span>
                <a href="">问题反馈</a><span>|</span>
                <a href="">Select Region</a>
            </div>
            <div class="minicart" id="jq_minicart">
                <i class="iconfont">&#xe661;</i>
                购物车（0）
                <div class="cart-menu">
                    你的购物车空空的，去挑点东西吧
                </div>
            </div>
            <div class="topbar-info">
                <a href="#">登录</a><span>|</span>
                <a href="#">注册</a><span>|</span>
                <a href="#">消息通知</a>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="container clearfix">
            <div class="logo">
                <a href="#"></a>
            </div>
            <div class="category">
                <a href="#" class="link-category">
                    <img src="images/mkljl.gif" alt="">
                </a>
                <div class="site-category">
                    <ul>
                        <li class="category-item"><a href="#">手机 电话卡</a><i class="iconfont">&#xe636;</i>
                            <div class="part part1">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">笔记本 平板</a><i class="iconfont">&#xe636;</i>
                            <div class="part part2">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">电视 盒子</a><i class="iconfont">&#xe636;</i>
                            <div class="part part3">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">路由器 智能硬件</a><i class="iconfont">&#xe636;</i>
                            <div class="part part4">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">移动电源 电池 插线板</a><i class="iconfont">&#xe636;</i>
                            <div class="part part5">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">耳机 音响</a><i class="iconfont">&#xe636;</i>
                            <div class="part part6">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">保护壳 贴膜</a><i class="iconfont">&#xe636;</i>
                            <div class="part part7">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">线材 支架 存储卡</a><i class="iconfont">&#xe636;</i>
                            <div class="part part8">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">箱包 服饰</a><i class="iconfont">&#xe636;</i>
                            <div class="part part9">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                        <li class="category-item"><a href="#">米兔 生活周边</a><i class="iconfont">&#xe636;</i>
                            <div class="part part10">
                                <ul>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/hm4-80.jpg"
                                                                            alt=""><span>红米4</span><i class="iconfont">
                                        &#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>
                                    <li class="star-goods"><a href="#"><img src="images/xmNOTE2-80.jpg" alt=""><span>小米Note 2</span><i
                                            class="iconfont">&#xe6b7;</i></a></li>

                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="nav-item" id="nav_item">
                <ul>
                    <li><a href="#">小米手机</a>
                        <div class="head-nav-menu xiaomishouji">
                            <div class="container">
                                <ul>
                                    <li><img src="images/xiaomiNOTE2-320-220!320x220.jpg" alt=""><a href="#">小米Note
                                        2</a>
                                        <p>2799元起</p></li>
                                    <span></span>
                                    <li><img src="images/MIX-320-220!320x220.jpg " alt=""><a href="#">小米MIX</a>
                                        <p>3499元起</p></li>
                                    <span></span>
                                    <li><img src="images/xiaomi5S-320-220!320x220.jpg" alt=""><a href="#">小米5s</a>
                                        <p>1899元起</p></li>
                                    <span></span>
                                    <li><img src="images/5spluse320_220!320x220.jpg" alt=""><a href="#">小米5s Plus</a>
                                        <p>2299元起</p></li>
                                    <span></span>
                                    <li><img src="images/mi5!320x220.jpg" alt=""><a href="#">小米手机5</a>
                                        <p>1599元起</p></li>
                                    <span></span>
                                    <li><img src="images/maxdingbu!320x220.jpg" alt=""><a href="#">小米max</a>
                                        <p>1299元起</p></li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">红米</a>
                        <div class="head-nav-menu hongmi">
                            <div class="container">
                                <ul>
                                    <li><img src="images/hongminote4!160x110.jpg" alt=""><a href="#">红米Note 4</a>
                                        <p>990元</p></li>
                                    <span></span>
                                    <li><img src="images/hm4320-2202!160x110.jpg " alt=""><a href="#">红米Note</a>
                                        <p>690元</p></li>
                                    <span></span>


                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">平板 · 笔记本</a>
                        <div class="head-nav-menu pc-pad">
                            <div class="container">
                                <ul>
                                    <li><img src="images/mipad2-16!160x110.jpg" alt=""><a href="#">小米平板2 16GB</a>
                                        <p>999起</p></li>
                                    <span></span>
                                    <li><img src="images/mipad2-64!160x110.jpg " alt=""><a href="#">小米平板2 64GB</a>
                                        <p>1299元</p></li>
                                    <span></span>
                                    <li><img src="images/mipad2-64-win!160x110.jpg" alt=""><a href="#">小米平板2 64GB
                                        Windows版</a>
                                        <p>1299元</p></li>
                                    <span></span>
                                    <li><img src="images/bijiben32012.5!160x110.jpg" alt=""><a href="#">小米笔记本Air
                                        12.5"</a>
                                        <p>3499元</p></li>
                                    <span></span>
                                    <li><img src="images/bijiben320!160x110.jpg" alt=""><a href="#">小米笔记本Air 13.3"</a>
                                        <p>4999元</p></li>
                                    <span></span>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">电视</a>
                        <div class="head-nav-menu mi-tv">
                            <div class="container">
                                <ul>
                                    <li><img src="images/101843.png" alt=""><a href="#">小米电视3s 43英寸B</a>
                                        <p>1799</p></li>
                                    <span></span>
                                    <li><img src="images/101848.png" alt=""><a href="#">小米电视3s 48英寸</a>
                                        <p>2299元</p></li>
                                    <span></span>
                                    <li><img src="images/101855xin.png" alt=""><a href="#">小米电视3s 55英寸</a>
                                        <p>3699元</p></li>
                                    <span></span>
                                    <li><img src="images/101860xin.png" alt=""><a href="#">小米电视3s 60英寸</a>
                                        <p>4499元</p></li>
                                    <span></span>
                                    <li><img src="images/65yingyuan.png" alt=""><a href="#">小米电视3s 65英寸</a>
                                        <p>5999元</p></li>
                                    <span></span>
                                    <li><img src="images/101865.png" alt=""><a href="#">查看全部</a>
                                        <p>小米电视</p></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">盒子 · 影音</a>
                        <div class="head-nav-menu mi-box">
                            <div class="container">
                                <ul>
                                    <li><img src="images/mihezi.png " alt=""><a href="#">小米盒子3s</a>
                                        <p>299</p></li>
                                    <span></span>
                                    <li><img src="images/mihezi2.png" alt=""><a href="#">小米盒子3c</a>
                                        <p>199元</p></li>
                                    <span></span>
                                    <li><img src="images/hezi3s!160x110.jpg" alt=""><a href="#">小米盒子3 增强版</a>
                                        <p>399元</p></li>
                                    <span></span>
                                    <li><img src="images/hezimini.png" alt=""><a href="#">小米盒子mini版</a>
                                        <p>179元</p></li>
                                    <span></span>
                                    <li><img src="images/320x220.png" alt=""><a href="#">小米家庭影院</a>
                                        <p>1999元</p></li>
                                    <span></span>
                                    <li><img src="images/putonban!160x110.jpg" alt=""><a href="#">小米家庭影院</a>
                                        <p>699</p></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">路由器</a>
                        <div class="head-nav-menu mi-weblink">
                            <div class="container">
                                <ul>
                                    <li><img src="images/miwifi!160x110.jpg " alt=""><a href="#">全新小米路由器</a>
                                        <p>699元</p></li>
                                    <span></span>
                                    <li><img src="images/miwifi-3!160x110.png" alt=""><a href="#">小米路由器 3</a>
                                        <p>149元</p></li>
                                    <span></span>
                                    <li><img src="images/luyouqi3c!160x110.jpg" alt=""><a href="#">小米路由器 3C</a>
                                        <p>99元</p></li>
                                    <span></span>
                                    <li><img src="images/fdq2!160x110.jpg" alt=""><a href="#">小米WiFi放大器 2</a>
                                        <p>49元</p></li>
                                    <span></span>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">智能硬件</a>
                        <div class="head-nav-menu mi-zhineng">
                            <div class="container">
                                <ul>
                                    <li><img src="images/scooter!160x110.jpg" alt=""><a href="#">九号平衡车</a>
                                        <p> 1999元</p></li>
                                    <span></span>
                                    <li><img src="images/water2!160x110.jpg" alt=""><a href="#">小米净水器</a>
                                        <p>1299元</p></li>
                                    <span></span>
                                    <li><img src="images/dianfanbao!160x110.jpg" alt=""><a href="#">米家压力IH电饭煲</a>
                                        <p>999元</p></li>
                                    <span></span>
                                    <li><img src="images/air2!160x110.jpg" alt=""><a href="#">小米空气净化器 2</a>
                                        <p>699元</p></li>
                                    <span></span>
                                    <li><img src="images/xiaobai!160x110.jpg" alt=""><a href="#">智能摄像机</a>
                                        <p>399元</p></li>
                                    <span></span>
                                    <li><img src="images/zhinengyingjian!160x110.jpg" alt=""><a href="#">查看全部</a>
                                        <p> 智能硬件</p></li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="search">
                <form action="">
                    <input type="search" class="nav-search">
                    <span class="txt1"><a href="#">小米MIX</a></span>
                    <span class="txt2"><a href="#">人工智能电视</a></span>
                    <button class="search-btn iconfont">&#xf004c;</button>
                </form>
            </div>
        </div>
    </div>
</div>
<!--/头部结束-->

<!--big-banner开始-->
<div class="big-banner">
    <div class="container">
        <ul class="big-pic-list">
            <li class="current"><a href="#"><img src="images/banner1.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/banner2.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/banner3.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/banner4.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/banner5.jpg" alt=""></a></li>
        </ul>
        <div class="banner-ctrl bigbanner-ctr-left"></div>
        <div class="banner-ctrl bigbanner-ctr-right"></div>
        <ol class="big-dian-list">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ol>
    </div>
</div>

<!--big-banner结束-->

<!--内容区域-->
<div class="home-hero-sub">
    <div class="container">
        <div class="mi-fuwu">
            <ul>
                <li class="top-left"><a href="#"><i class="iconfont">&#xe602;</i><span>选购手机</span></a></li>
                <li class="top-cen"><a href="#"><i class="iconfont">&#xe65a;</i><span>企业团购</span></a></li>
                <li class="top-right"><a href="#"><i class="iconfont">&#xe67a;</i><span>官翻产品</span></a></li>
                <li class="bottom-left"><a href="#"><i class="iconfont">&#xe60a;</i><span>小米移动</span></a></li>
                <li class="bottom-cen"><a href="#"><i class="iconfont">&#xe637;</i><span>以旧换新</span></a></li>
                <li class="bottom-right"><a href="#"><i class="iconfont">&#xe607;</i><span>话费充值</span></a></li>
            </ul>
        </div>
        <a href=""><img src="images/6efd76fb-2c3d-43ee-b31e-bcdad4f20636.jpg" alt=""></a>
        <a href=""><img src="images/6fc54145-c419-41c0-9253-a2169fd72ae5.jpg" alt=""></a>
        <a href=""><img src="images/df7c6d47-c09f-49d1-9a9f-df0d2294bec8.jpg" alt=""></a>
    </div>
</div>

<!--小米明星单品-->
<div class="mi-product-goods">
    <div class="container">
        <h3 class="mi-goods-title">小米明星单品</h3>
        <span class="product-ctrl star-ctrl product-ctrl-l">&gt;</span>
        <span class="product-ctrl star-ctrl product-ctrl-r">&lt;</span>
        <div class="mi-product-wrap mi-star-wrap">
            <ul>
                <li><a href="#"><img src="images/mi-star1.png" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p>
                </li>
                <li><a href="#"><img src="images/mi-star2.png" alt=""></a>
                    <a href="#" class="mi-product-link">小米Max</a>
                    <span>赠多看阅读1000书币</span>
                    <p>1899元起</p>
                </li>
                <li><a href="#"><img src="images/mi-star3.png" alt=""></a>
                    <a href="#" class="mi-product-link">小米电视3s 55英寸</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p>
                </li>
                <li><a href="#"><img src="images/mi-star4.png" alt=""></a>
                    <a href="#" class="mi-product-link">小米手环 2</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/mi-star5.png" alt=""></a>
                    <a href="#" class="mi-product-link">小米移动电源2</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/mi-star6.png" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/mi-star7.png" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/mi-star8.png" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/mi-star9.png" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/mi-star10.png" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
            </ul>
        </div>

    </div>
</div>

<!--/小米明星单品-->


<!--主要内容区域-->
<div class="main">
    <!--智能硬件-->
    <div class="mi-zhineng-goods">
        <div class="container clearfix">
            <h3 class="mi-goods-title">智能硬件<a href="#"><i class="iconfont">&#xe622;</i><span>查看全部</span></a></h3>
            <ul>
                <li><a href="#"><img src="images/38e26bb4-bc07-424f-aa3d-540f2c80e073.jpg" alt="" width="234"
                                     height="612"></a></li>
                <li>
                    <a href="#"><img src="images/T1OVC_ByY_1RXrhCrK!220x220.jpg" alt=""></a>
                    <a href="#" class="mi-product-link">米家压力IH电饭煲</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p>
                </li>
                <li><a href="#"><img src="images/pms_1478656331.65637548!220x220.jpg" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/pms_1473125484.8332236!220x220.jpg" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/pms_1481507050.2285518!220x220.jpg" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/pms_1477985364.89714934!220x220.jpg" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/pms_1464615180.86261317!220x220.jpg" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/T1GxCvBghT1RXrhCrK!220x220.jpg" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
                <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                    <a href="#" class="mi-product-link">小米5s</a>
                    <span>最高可享花呗12期分期</span>
                    <p>1899元起</p></li>
            </ul>
        </div>
    </div>
    <!--/智能硬件-->

    <!--搭配-->
    <div class="mi-main-basetool">
        <div class="container clearfix">
            <h3 class="mi-goods-title">搭配
                <ul class="mi-main-basetool-ctrl" id="mi_dapei_ctrl">
                    <li class="on">热门</li>
                    <li>耳机音响</li>
                    <li>电源</li>
                    <li>存储卡</li>
                </ul>
            </h3>
            <div class="no-wrap">
                <a href="#"><img src="images/6595e6c0-aa0d-4159-b660-ab26e7dc2b25.jpg" alt="" width="234px"
                                 height="300px"></a>
                <a href="#"><img src="images/21dc127c-77ad-48fb-b7c1-bf382a711221.jpg" alt="" width="234px"
                                 height="300px" style="margin-top: 14px;"></a>
            </div>
            <div id="dapei_page">

                <div class="main-base-page active" id="dapei_page1">
                    <ul>
                        <li><a href="#"><img src="images/pms_1478656331.65637548!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1473125484.8332236!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481507050.2285518!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1477985364.89714934!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1GxCvBghT1RXrhCrK!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li class="teshu-li">
                            <div class="top-part">
                                <div class="lf">
                                    <a href="#" class="mi-product-link">小米电源</a>
                                    <p>189起</p>
                                </div>
                                <div class="ri"><img src="images/T1pZbvBTET1RXrhCrK.jpg" alt=""></div>
                            </div>
                        </li>
                        <li class="teshu-li">
                            <div class="bottom-part">
                                <a href="#">
                                    <div class="context">
                                        <div class="lf">
                                            <p>浏览更多</p>
                                            <small>热门</small>
                                        </div>
                                        <div class="ri">
                                            <i class="iconfont">&#xe60d;</i>
                                        </div>
                                    </div>
                                </a>

                            </div>

                        </li>
                    </ul>
                </div>
                <div class="main-base-page" id="dapei_page2">
                    <ul>
                        <li><a href="#"><img src="images/pms_1482816047.72829695.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481269289.59498154.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1478248721.42297795.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1478510064.36397738.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1F5K_BjVv1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1ycK_BjYv1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1MDK_B_YT1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                    </ul>
                </div>
                <div class="main-base-page" id="dapei_page3">
                    <ul>
                        <li><a href="#"><img src="images/pms_1478656331.65637548!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1473125484.8332236!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481507050.2285518!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1477985364.89714934!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1GxCvBghT1RXrhCrK!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                    </ul>
                </div>
                <div class="main-base-page" id="dapei_page4">
                    <ul>
                        <li><a href="#"><img src="images/pms_1476680251.65738257!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1473125484.8332236!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481507050.2285518!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1477985364.89714934!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1GxCvBghT1RXrhCrK!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!--/搭配-->

    <!--配件-->
    <div class=" mi-main-basetool ">
        <div class="container clearfix">
            <h3 class="mi-goods-title">配件
                <ul class="mi-main-basetool-ctrl" id="mi_peijian_ctrl">
                    <li class="on">热门</li>
                    <li>保护套</li>
                    <li>贴膜</li>
                    <li>其他配件</li>
                </ul>
            </h3>
            <div class="no-wrap">
                <a href="#"><img src="images/0ff2c84c-d0e6-4232-b0fb-2cebefd1a207.jpg" alt="" width="234px"
                                 height="300px"></a>
                <a href="#"><img src="images/363032e6-b043-4854-a8cc-8909df918f02.jpg" alt="" width="234px"
                                 height="300px" style="margin-top: 14px;"></a>
            </div>
            <div id="peijian_page">
                <div class="main-base-page active" id="peijian_page1">
                    <ul>
                        <li><a href="#"><img src="images/pms_1482221011.26064844.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1474430362.70018703.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1t2K_B4L_1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1472198598.36255665.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1XybgBjhT1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1472177415.40899754.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1482136335.88325212.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li class="teshu-li">
                            <div class="top-part">
                                <div class="lf">
                                    <a href="#" class="mi-product-link">小米电源</a>
                                    <p>189起</p>
                                </div>
                                <div class="ri"><img src="images/pms_1482136306.7944683.jpg" alt=""></div>
                            </div>
                        </li>
                        <li class="teshu-li">
                            <div class="bottom-part">
                                <a href="#">
                                    <div class="context">
                                        <div class="lf">
                                            <p>浏览更多</p>
                                            <small>热门</small>
                                        </div>
                                        <div class="ri">
                                            <i class="iconfont">&#xe60d;</i>
                                        </div>
                                    </div>
                                </a>

                            </div>

                        </li>
                    </ul>
                </div>
                <div class="main-base-page" id="peijian_page2">
                    <ul>
                        <li><a href="#"><img src="images/pms_1482816047.72829695.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481269289.59498154.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1478248721.42297795.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1478510064.36397738.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1F5K_BjVv1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1ycK_BjYv1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1MDK_B_YT1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                    </ul>
                </div>
                <div class="main-base-page" id="peijian_page3">
                    <ul>
                        <li><a href="#"><img src="images/pms_1478656331.65637548!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1473125484.8332236!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481507050.2285518!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1477985364.89714934!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1GxCvBghT1RXrhCrK!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                    </ul>
                </div>
                <div class="main-base-page" id="peijian_page4">
                    <ul>
                        <li><a href="#"><img src="images/T1_WhgBb_T1RXrhCrK!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1473125484.8332236!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481507050.2285518!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1477985364.89714934!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1GxCvBghT1RXrhCrK!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                    </ul>
                </div>
            </div>


        </div>
    </div>
    <!--/配件-->

    <!--周边-->
    <div class="mi-main-basetool">
        <div class="container clearfix">
            <h3 class="mi-goods-title">周边
                <ul class="mi-main-basetool-ctrl" id="mi_zhoubian_ctrl">
                    <li class="on">热门</li>
                    <li>保护套</li>
                    <li>贴膜</li>
                    <li>箱包</li>
                    <li>其他配件</li>
                </ul>
            </h3>
            <div class="no-wrap">
                <a href="#"><img src="images/8659c3ce-73c4-45df-8ee6-588b910b5e8b.jpg" alt="" width="234px"
                                 height="300px"></a>
                <a href="#"><img src="images/a4e7d53b-527e-4c5e-9bab-54acb3cb3757.jpg" alt="" width="234px"
                                 height="300px" style="margin-top: 14px;"></a>
            </div>
            <div id="zhoubian_page">
                <div class="main-base-page active" id="zhoubian_page1">
                    <ul>
                        <li><a href="#"><img src="images/pms_1477985364.89714934!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/8659c3ce-73c4-45df-8ee6-588b910b5e8b.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481507050.2285518!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1477985364.89714934!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1GxCvBghT1RXrhCrK!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li class="teshu-li">
                            <div class="top-part">
                                <div class="lf">
                                    <a href="#" class="mi-product-link">小米电源</a>
                                    <p>189起</p>
                                </div>
                                <div class="ri"><img src="images/T1pZbvBTET1RXrhCrK.jpg" alt=""></div>
                            </div>
                        </li>
                        <li class="teshu-li">
                            <div class="bottom-part">
                                <a href="#">
                                    <div class="context">
                                        <div class="lf">
                                            <p>浏览更多</p>
                                            <small>热门</small>
                                        </div>
                                        <div class="ri">
                                            <i class="iconfont">&#xe60d;</i>
                                        </div>
                                    </div>
                                </a>

                            </div>

                        </li>
                    </ul>
                </div>
                <div class="main-base-page" id="zhoubian_page2">
                    <ul>
                        <li><a href="#"><img src="images/pms_1482816047.72829695.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481269289.59498154.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1478248721.42297795.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1478510064.36397738.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1F5K_BjVv1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1ycK_BjYv1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1MDK_B_YT1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                    </ul>
                </div>
                <div class="main-base-page" id="zhoubian_page3">
                    <ul>
                        <li><a href="#"><img src="images/pms_1478656331.65637548!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1473125484.8332236!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481507050.2285518!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1477985364.89714934!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1GxCvBghT1RXrhCrK!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                    </ul>
                </div>
                <div class="main-base-page" id="zhoubian_page4">
                    <ul>
                        <li><a href="#"><img src="images/pms_1480477598.47892154!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1473125484.8332236!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481507050.2285518!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1477985364.89714934!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1GxCvBghT1RXrhCrK!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                    </ul>
                </div>
                <div class="main-base-page" id="zhoubian_page5">
                    <ul>
                        <li><a href="#"><img src="images/T1RRCjBKJv1RXrhCrK.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1473125484.8332236!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1481507050.2285518!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1477985364.89714934!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/T1GxCvBghT1RXrhCrK!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                        <li><a href="#"><img src="images/pms_1468806372.46368911!220x220.jpg" alt=""></a>
                            <a href="#" class="mi-product-link">小米5s</a>
                            <span>最高可享花呗12期分期</span>
                            <p>1899元起</p></li>
                    </ul>
                </div>

            </div>


        </div>
    </div>
    <!--/周边-->


    <!--为你推荐-->
    <div class="mi-product-goods wntj">
        <div class="container clearfix">
            <h3 class="mi-goods-title">为你推荐</h3>
            <span class="product-ctrl zhoubian-ctrl product-ctrl-l">&gt;</span>
            <span class="product-ctrl zhoubian-ctrl product-ctrl-r">&lt;</span>
            <div class="mi-product-wrap mi-zhoubian-wrap">
                <ul>
                    <li><a href="#"><img src="images/pms_1465366178.11466342.jpg" alt=""></a>
                        <a href="#" class="mi-product-link">小米5s</a>
                        <span>最高可享花呗12期分期</span>
                        <p>1899元起</p>
                    </li>
                    <li><a href="#"><img src="images/pms_1476425068.41165435.jpg" alt=""></a>
                        <a href="#" class="mi-product-link">小米Max</a>
                        <span>赠多看阅读1000书币</span>
                        <p>1899元起</p>
                    </li>
                    <li><a href="#"><img src="images/pms_1476425102.6997704.jpg" alt=""></a>
                        <a href="#" class="mi-product-link">小米电视3s 55英寸</a>
                        <span>最高可享花呗12期分期</span>
                        <p>1899元起</p>
                    </li>
                    <li><a href="#"><img src="images/pms_1471314891.14933270.jpg" alt=""></a>
                        <a href="#" class="mi-product-link">小米手环 2</a>
                        <span>最高可享花呗12期分期</span>
                        <p>1899元起</p></li>
                    <li><a href="#"><img src="images/pms_1479795811.90232017.jpg" alt=""></a>
                        <a href="#" class="mi-product-link">小米移动电源2</a>
                        <span>最高可享花呗12期分期</span>
                        <p>1899元起</p></li>
                    <li><a href="#"><img src="images/mi-star6.png" alt=""></a>
                        <a href="#" class="mi-product-link">小米5s</a>
                        <span>最高可享花呗12期分期</span>
                        <p>1899元起</p></li>
                    <li><a href="#"><img src="images/mi-star7.png" alt=""></a>
                        <a href="#" class="mi-product-link">小米5s</a>
                        <span>最高可享花呗12期分期</span>
                        <p>1899元起</p></li>
                    <li><a href="#"><img src="images/mi-star8.png" alt=""></a>
                        <a href="#" class="mi-product-link">小米5s</a>
                        <span>最高可享花呗12期分期</span>
                        <p>1899元起</p></li>
                    <li><a href="#"><img src="images/mi-star9.png" alt=""></a>
                        <a href="#" class="mi-product-link">小米5s</a>
                        <span>最高可享花呗12期分期</span>
                        <p>1899元起</p></li>
                    <li><a href="#"><img src="images/mi-star10.png" alt=""></a>
                        <a href="#" class="mi-product-link">小米5s</a>
                        <span>最高可享花呗12期分期</span>
                        <p>1899元起</p></li>
                </ul>
            </div>

        </div>
    </div>
    <!--/为你推荐-->

    <!--热评产品-->
    <div class="bottom-info hot-product">
        <div class="container clearfix">
            <h3 class="mi-goods-title">热评产品</h3>
            <ul>
                <li class="no-margin">
                    <a href="#"><img src="images/bae79ac6-60d5-478d-90e7-ff1222764bd1.jpg" alt=""></a>
                    <a href="#"><p>东西很小，做工挺精致，电池待机也比想象中好。值得买。</p></a>
                    <span>来自于 同路者 的评价</span>
                    <div>
                        <a href="#">小米随身蓝牙音箱</a><i>|</i><b> 69元</b>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="images/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe.jpg" alt=""></a>
                    <a href="#"><p>包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</p></a>
                    <span>来自于 HZG 的评价</span>
                    <div>
                        <a href="#">米家压力IH电饭煲</a><i>|</i><b> 999元</b>
                    </div>
                </li>
                <li>
                    <a href="#"> <img src="images/3c77fe32-1113-482d-91b1-9c01a079cce6.jpg" alt=""></a>
                    <a href="#"><p>超级赞超级赞 用起来很顺手 音质也很好 非常喜欢</p></a>
                    <span>来自于 不上复旦不罢休 的评价</span>
                    <div>
                        <a href="#">小米笔记本Air 12.5英寸</a><i>|</i><b> 3499元</b>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="images/12987438-4522-425f-a252-2493152edda1.jpg" alt=""></a>
                    <a href="#"><p>拿到手，感觉很炫！试了一下，音质挺好！挺喜欢！5星好评</p></a>
                    <span>来自于 程桂兴吖 的评价</span>
                    <div>
                        <a href="#">小米胶囊耳机</a><i>|</i><b> 69元</b>
                    </div>
                </li>

            </ul>
        </div>
    </div>
    <!--/热评产品-->

    <!--内容-->
    <div class="bottom-info bottom-sub">
        <div class="container clearfix">
            <h3 class="mi-goods-title">内容</h3>
            <ul class="mi-page">
                <li class="no-margin">
                    <div class="top-part-sub" id="tushu_page">
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                    </div>
                    <div class="float-sup">
                        <span class="sub-ctrl" id="tushu_ctrl">
                            <i class="on"></i>
                            <i></i>
                            <i></i>
                        </span>

                    </div>
                    <span class="neirong-ctrl neirong-ctrl-lf tushu"><</span>
                    <span class="neirong-ctrl  neirong-ctrl-ri tushu ">></span>
                </li>
                <li>
                    <div class="top-part-sub" id="zhuti_page">
                        <div class="son">
                            <span>MIUI 主题</span>
                            <a href="#" class="book-name">阴阳师</a>
                            <a href="#" class="book-sub">网易大热手游《阴阳师》官方定制主题，还原唯美奇幻之旅</a>
                            <a href="#" class="book-piece">免费</a>
                            <a href="#"><img src="images/392ef6df-4950-4f3a-95f4-2228b6800657.jpg" alt=""></a>
                        </div>
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                    </div>
                    <div class="float-sup">
                        <span class="sub-ctrl" id="zhuti_ctrl">
                            <i class="on"></i>
                            <i></i>
                            <i></i>
                            <i></i>
                        </span>

                    </div>
                    <span class="neirong-ctrl neirong-ctrl-lf zhuti"><</span>
                    <span class="neirong-ctrl  neirong-ctrl-ri zhuti">></span>
                </li>
                <li>
                    <div class="top-part-sub" id="youxi_page">
                        <div class="son">
                            <span>游戏</span>
                            <a href="#" class="book-name">米柚手游模拟器</a>
                            <a href="#" class="book-sub">在电脑上玩遍小米所有手游</a>
                            <a href="#" class="book-piece">免费</a>
                            <a href="#"><img src="images/T1czW_BXCv1R4cSCrK.png" alt=""></a>
                        </div>
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                    </div>
                    <div class="float-sup">
                        <span class="sub-ctrl" id="youxi_ctrl">
                            <i class="on"></i>
                            <i></i>
                            <i></i>
                            <i></i>
                        </span>

                    </div>
                    <span class="neirong-ctrl neirong-ctrl-lf youxi"><</span>
                    <span class="neirong-ctrl  neirong-ctrl-ri youxi">></span>
                </li>
                <li>
                    <div class="top-part-sub" id="yingyong_page">
                        <div class="son">
                            <span>应用</span>
                            <a href="#" class="book-name">2017金米奖</a>
                            <a href="#" class="book-sub">最优秀的应用和游戏</a>
                            <a href="#" class="book-piece"></a>
                            <a href="#"><img src="images/3332da7d-4056-4694-9548-c83b7b3af7d3.png" alt=""></a>
                        </div>
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                        <div class="son">
                            <span>图书</span>
                            <a href="#" class="book-name">哈利波特与被诅咒的孩子</a>
                            <a href="#" class="book-sub">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</a>
                            <a href="#" class="book-piece">29.37元</a>
                            <a href="#"><img src="images/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt=""></a>
                        </div>
                    </div>
                    <div class="float-sup">
                        <span class="sub-ctrl" id="yingyong_ctrl">
                            <i class="on"></i>
                            <i></i>
                            <i></i>
                            <i></i>
                        </span>

                    </div>
                    <span class="neirong-ctrl neirong-ctrl-lf yingyong"><</span>
                    <span class="neirong-ctrl  neirong-ctrl-ri yingyong">></span>
                </li>

            </ul>
        </div>
    </div>
    <!--/内容-->

    <!--视频-->
    <div class="bottom-info " id="mi-video">
        <div class="container clearfix">
            <h3 class="mi-goods-title">视频<a href="#"><i class="iconfont">&#xe622;</i><span>查看全部</span></a></h3>
            <ul>
                <li class="no-margin">
                    <a href="#"><img src="images/17a25056-f173-4c23-a09a-8762550114dd.jpg" alt=""></a>
                    <a href="#"><i class="iconfont v-play">&#xe603;</i></a>
                    <a href="#"><p>小米之家里发生了一件怪事</p></a>
                    <span>World Order星机械人受邀访问地球</span>

                </li>
                <li>
                    <a href="#"><img src="images/54c8d6f8-8a81-4853-8b19-857b77fac410.jpg" alt=""></a>
                    <a href="#"><i class="iconfont v-play">&#xe603;</i></a>

                    <a href="#"><p>小米MIX 概念手机背后的故事</p></a>
                    <span>雷总亲自讲述小米MIX 的诞生</span>

                </li>
                <li>
                    <a href="#"> <img src="images/ffc09bd8-b0d6-4ebd-a9e0-6558f79e12de.jpg" alt=""></a>
                    <a href="#"><i class="iconfont v-play">&#xe603;</i></a>

                    <a href="#"><p>一面科技，一面艺术</p></a>
                    <span>梁朝伟讲述双面人生</span>

                </li>
                <li>
                    <a href="#"><img src="images/142d2baf-f41e-482b-b2dc-96d34695ddc6.jpg" alt=""></a>
                    <a href="#"><i class="iconfont v-play">&#xe603;</i></a>

                    <a href="#"><p>小米MIX手机设计哲学</p></a>
                    <span>小米MIX手机设计哲学</span>

                </li>

            </ul>
        </div>
    </div>
    <!--/视频-->

</div>


<!--主要内容区域-->
<!--/内容区域-->


<!--footer-->
<div class="footer">
    <div class="container ">
        <div class="footer-top">
            <ul>
                <li><a href="#"><i class="iconfont">&#xe64d;</i>520余家售后网点</a></li>
                <span></span>
                <li><a href="#"><i class="iconfont">&#xe649;</i>满150元包邮</a></li>
                <span></span>
                <li><a href="#"><i class="iconfont">&#xe605;</i>15天免费换货</a></li>
                <span></span>
                <li><a href="#"><i class="iconfont">&#xe606;</i>7天无理由退货</a></li>
                <span></span>
                <li><a href="#"><i class="iconfont">&#xe659;</i>预约维修服务</a></li>
            </ul>
        </div>
        <div class="footer-center clearfix">
            <div class="left">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">购物指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">自助服务</a></dd>
                    <dd><a href="#">相关下载</a></dd>
                </dl>
                <dl>
                    <dt>线下门店</dt>
                    <dd><a href="#">小米之家</a></dd>
                    <dd><a href="#">服务网点</a></dd>
                    <dd><a href="#">零售网点</a></dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd><a href="#">了解小米</a></dd>
                    <dd><a href="#">加入小米</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">小米部落</a></dd>
                    <dd><a href="#">官方微信</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="#">F码通道</a></dd>
                    <dd><a href="#">礼物码</a></dd>
                    <dd><a href="#">防伪查询</a></dd>
                </dl>
                <span class="footer-center-line"></span>

            </div>
            <div class="right">
                <p>400-588-7347</p>
                <span>周一至周日 8:00-18:00</span>
                <span>（仅收市话费）</span>
                <div><a href="#"><i class="iconfont">&#xe68d;24小时在线客服</i></a></div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="context">
                <div class="footer-logo">
                    <img src="images/mi-logo.png" alt="">
                </div>
                <div class="footer-link">
                    <div class="left">
                        <p class="link">
                            <a href="#">小米商城</a><i>|</i>
                            <a href="#">MIUI</a><i>|</i>
                            <a href="#">米聊</a><i>|</i>
                            <a href="#">多看书城</a><i>|</i>
                            <a href="#">小米路由器</a><i>|</i>
                            <a href="#">视频电话</a><i>|</i>
                            <a href="#">小米后院</a><i>|</i>
                            <a href="#">小米天猫店</a><i>|</i>
                            <a href="#">小米淘宝直营店</a><i>|</i>
                            <a href="#">小米网盟</a><i>|</i>
                            <a href="#">小米移动</a><i>|</i>
                            <a href="#">Select Region</a>
                        </p>
                        <p class="copy">
                            <a href="#">©mi.com</a>
                            <i>京ICP证110507号</i>
                            <a href="#">京ICP备10046444号</a>
                            <a href="#">京公网安备11010802020134号</a>
                            <a href="#">京网文[2014]0059-0009号</a>
                            <br><i>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</i>
                        </p>
                    </div>
                    <div class="right">
                        <a href="#"><img src="images/seal.png" alt=""></a>
                        <a href="#"><img src="images/v-logo-2.png" alt=""></a>
                        <a href="#"><img src="images/v-logo-1.png" alt=""></a>
                        <a href="#"><img src="images/v-logo-3.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="slogan"></div>
        </div>

    </div>
</div>

<!--footer结束-->

</body>
</html>